.container {
 width: 100%;
 min-height: 100vh;
 background-color: #f5f5f5;
 padding: 20rpx;
 box-sizing: border-box;

 .header {
  background-color: #fff;
  border-radius: 10rpx;
  padding: 0 20rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;

  .left {
   display: flex;
   align-items: center;

   .icon {
    width: 20rpx;
    height: 20rpx;
   }

   .text {
    font-size: 28rpx;
    color: #333333;
    margin-left: 10rpx;
   }
  }

  .van-dropdown-menu {
   box-shadow: none
  }
 }

 .loadMore {
  color: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20rpx;
 }

 .search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 20rpx;
  box-sizing: border-box;

  .van-search {
   padding: 0;
  }

  .add {
   width: 80rpx;
   margin-left: 20rpx;
   font-size: 28rpx;
   color: #0091FF;
  }
 }


 .list {
  margin-top: 20rpx;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 20rpx 0;

  .header {
   display: flex;
   align-items: center;

   .left {
    font-size: 28rpx;

    &:before {
     content: '';
     display: block;
     width: 8rpx;
     height: 16rpx;
     border-radius: 5rpx;
     background: #0091FF;
     margin-right: 12rpx;
    }
   }

   .right {
    font-size: 25rpx;
    color: #333333;

    .no-text {
     color: #D63B2D
    }
   }

   image {
    width: 30rpx;
    height: 30rpx;
    margin-right: 10rpx;
   }
  }

  .item_list {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 20rpx 20rpx 0 20rpx;

   .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;

    .num {
     font-size: 40rpx;
    }

    .danger {
     color: red;
    }

    .warning {
     color: #ff976a;
    }

    .primary {
     color: #0091FF;
    }


    .name {
     font-size: 28rpx;
     color: #666666;
    }
   }
  }
 }
}